<template>
  <a_page>
    <div>
      <!--头部-->
      <base-info ref="baseInfoRef" />
      <!--小方块-->
      <grid-menu />
      <!-- <grid-menu v-if="userInfo.level === 0" /> -->
      <!--订单统计-->
      <visit-chart ref="visitChartRef" />
      <!--用户-->
      <!-- <user-chart ref="userChartRef" /> -->
      <!--版本升级-->
      <!-- <upgrade v-if="forceReminder === 1" /> -->
    </div>
  </a_page>

</template>

<script setup>
defineOptions({
  name: 'Dashboard'
})
import { ref, onMounted, onUnmounted } from 'vue';

import baseInfo from './components/baseInfo.vue';
import gridMenu from './components/gridMenu.vue';
import visitChart from './components/visitChart';
// import userChart from './components/userChart.vue';

const baseInfoRef = ref(null);
const visitChartRef = ref(null);
const userChartRef = ref(null);

onMounted(() => {
});

// 清理函数（如果需要）
onUnmounted(() => {
  // 在这里可以执行一些清理操作
});
</script>

<style lang="scss" scoped>
.open-image {
  transition: none;
  animation: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  z-index: 1000;

  /* 确保足够高，覆盖其他内容 */
  img {
    width: 800px;
    max-width: 90vw;
    /* 增加响应式支持 */
    max-height: 90vh;
  }
}
</style>
